Micron Document
baubs git

Node / mirrors / respira / files / src / App.css

Displaying Raw • Download

src/App.css zustand (fe2e68a4) Text, 1.29 KB

@import "tailwindcss";

/* Custom animations for shimmer effect */
@keyframes shimmer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}

/* Skeleton loading animation */
@keyframes skeleton-loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}

/* Fade in animation */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* Slide in from right */
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/* Pulse glow effect */
@keyframes pulseGlow {
0%, 100% {
box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
}
50% {
box-shadow: 0 0 0 8px rgba(59, 130, 246, 0);
}
}

/* Success checkmark animation */
@keyframes checkmark {
0% {
stroke-dashoffset: 100;
}
100% {
stroke-dashoffset: 0;
}
}

/* Utility classes */
.animate-fadeIn {
animation: fadeIn 0.4s ease-out;
}

.animate-slideInRight {
animation: slideInRight 0.4s ease-out;
}

.animate-pulseGlow {
animation: pulseGlow 2s ease-in-out infinite;
}

.animate-skeleton {
animation: skeleton-loading 2s ease-in-out infinite;
}

Served by rngit 1.3.3 - Generated in 0.02s